<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <style>
        /*
        这四种 伪类选择器,必须按照固定顺序去写
        先爱后恨 lvha顺序排列
        */
        a:link{
            /*链接还未被点击*/
            color: red;}
            a:visited{
                /*访问这个链接*/
                color: green;
            }
        a:hover{
            /*鼠标在上面悬停*/
            color: blue;
            background-color: blue;
            border: 1px solid blue ;
            border-radius: 5px;
        }
        a:active{/*按住不松手*/
            color: yellow;
        }
    </style>

</head>
<body>
<!--之前的选择器 选择的都是标签
伪类选择器 选择的事 标签的状态
常见的就是a标签-->
<a href="#">这是一个A标签</a>
</body>
</html>